<template>
  <div class="index">首页
    <ChainMap />
    <div @click="editComponent">动态编辑组件页面</div>
    <div @click="goVirtualList">去虚拟列表</div>
    <div @click="goFlyCloud">去飞云</div>
    <div>mock数据</div>
    <ul>
      <li v-for="o in mockData" :key='o.id'>{{o.address}}</li>
    </ul>
  </div>
</template>

<script>
import ChainMap from '@/components/chain-map/index.vue';
import { getDataByMock } from '@/service/commonService';
export default {
  data() {
    return {
      mockData: []
    };
  },
  components: {
    ChainMap
  },
  methods: {
    editComponent() {
      this.$router.push('/editComponent')
    },
    goVirtualList() {
      this.$router.push('/virtuallist')
    },
    goFlyCloud() {
      this.$router.push('/flycloud')
    }
  },
  mounted() {
    this.mockData = getDataByMock().list;
  }
};
</script>

<style>
</style>
